/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  background: url("../../images/smokey.png") repeat;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(../../images/th_bck.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr.selected 
{
	background-color:  #f5ecdf;
}
tbody tr.selected:hover 
{
	background:  #f5ecdf url(../../images/tr_selected_bck.gif) repeat;
}
tbody tr.running {
	background-color: #d2e4d2;	
}
tbody tr.running:hover {
	background: #d2e4d2 url(../../images/tr_running_bck.gif) repeat;;	
}
tbody tr:hover
{
  background            : #FFF url(../../images/tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(../../images/foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}

tr td { height: 3em; }
tr td.control div.wrap1 { display: table; width: 100%; }
tr td.control div.wrap2 { display: table-row; margin: 0; }
tr td.control div.wrap2 a { display: table-cell; text-align: center;}
tr span { display: block; padding-right: .5em; }
tr.running td.time { font-style: italic;}
tr.selected span input, tr.selected span select { width: 100%; }
tr.selected a.edit { display: none;}
th.project, th.category { width: 20%; }
th.description  { width: 40%; }
th.control, th.time { width: 10%; }